<template>
    <div class="header" ref="header">
        <div class="header_pensonal" >
            <img src="../../assets/man.png" alt="" @click="personal()">
        </div>
        <div class="header_banner">
            <mt-swipe :auto="4000">
                <mt-swipe-item v-for="(item,index) in imageslist" :key="index">
                    <img :src="item" alt="">
                </mt-swipe-item>
            </mt-swipe>
        </div>
    </div>
</template>
<script>
import cookie from "../../../store/modules/cookie"
export default {
    props:{
        member:{
            type: Number,
            default:-1
        }
    },
    data () {
        return {
            imageslist:[]
        }
    },
    created(){
        this.getimages()
    },
    methods:{
        personal(){
            this.$emit('goPersonal')
        },
        getimages(){
            let that = this
            that.$http.get('user/index/getbanner').then((res)=>{
                if(res.code==0){
                    that.imageslist = res.data
                }
                
            })
        }
    }
}
</script>
<style scoped>
.header{
    background: url('../../assets/header_bg.png') no-repeat center center;
    background-size: 100% 100%;
    width: 100%;
    height: 559px;
    padding: 0rem 15px;
    box-sizing: border-box;
}
.header_pensonal{
    text-align: right;
    height: 180px;
    padding: 52px 48px 52px 0;
}
.header_pensonal img{
    width: 74px;
    height:74px;
}
.header_banner{
    height: 370px;
}
.header_banner img{
    width: 100%;
    height: 370px;
}
</style>